@charset "utf-8";
/* CSS Document */

/*=================== Getting the new tags to behave START ====================== */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}

mark, rp, rt, ruby, summary, time {	
	display: inline
}

/* ==================== Getting the new tags to behave END ======================= */

/* ========================= Global properties START ============================= */

* {
	 margin:0; padding:0;
}

html, body {
	height:100%;	
}

html {	
	/*
	min-width:990px;
	scrollbar-base-color: #9999cc;
	scrollbar-arrow-color: white;
	scrollbar-track-color: #ccccff;
	scrollbar-shadow-color: black;
	scrollbar-lightshadow-color: black;
	scrollbar-darkshadow-color: gray;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	*/
}

body {
	background:url(../images/bgbody.gif) top left repeat;	
	font-family: 'Arial';
	font-size:12px;	
	color:#333333;
	align:center;
}


/* Form */

/*=========================== clear fix =======================================================*/

.clear_both {
	clear:both;
	}			
.clearfix:after, .section:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
	}	
		
.wrapper_pages { 
	height:100%;	   
    width:100%;	
	min-width:980px;
	margin:0 auto;	
	align:center;	
	/*background:url(../images/bgpage.jpg) no-repeat fixed 50% 50%;*/
}
.wrapper_banner {	
    width:100%;	
	min-width:980px;
	height:172px;
	margin:0 auto;	
	align:center;	
	background:url(../images/wrapper_banner.png) bottom center no-repeat;		
	position:relative;
	}
.wrapper_navibar {	
    width:100%;	
	min-width:980px;
	height:36px;
	margin:0 auto;	
	align:center;	
	/*background:#ffffff;*/
	position:absolute;
	bottom:0;	
	}	
.wrapper_slide {        
    width:100%;	
	height:272px;	
	margin:0 auto;	
	align:center;		
	background:url(../images/wrapper_slide.jpg) no-repeat top center;	
	/*overflow:auto;*/
}
.wrapper_main {        
    width:100%;		
	margin:0 auto;	
	align:center;		
	background:url(../images/wrapper_head.jpg) no-repeat top center;	
	/*overflow:auto;*/
}
.wrapper_footer { 
	clear:both;       
    width:100%;		
	margin:0 auto;	
	align:center;		
	background:url(../images/wrapper_footer.gif) repeat top center;	
	
}
.wrapper_bottompage {        
    width:100%;		
	margin:0 auto;	
	align:center;		
	min-height:32px;
	/*background:#ffffff;		*/
}	
/* ========================= Global properties END =============================== */

/* ========================= Global LOGIN ============================== */


/* ========================= Global LOGIN END ============================== */


/* ================= MAIN PAGE ================================= */
.width-page {		
	width:980px;	
	margin:0 auto;	
	position:relative;	
}

.top-page {
	height:32px;
	/*width: 1000px;*/
	text-align:right;
}
.link-top-page { 
/*float:right;*/
font:normal 12px Arial, Helvetica, sans-serif;
text-transform:none;
color: #656565;
margin:0px 0px 0px 0px;
padding:6px 20px 5px 15px;
line-height:18px;
}
.link-top-page a {
	color:#656565;
	text-decoration:none !important;	
}

.link-top-page a:hover {
	color:#ff6600;
	text-decoration:underline;
}

.link-top-page img {
	padding:0px 5px 3px 5px
}

.link-top-page-name { 
font:bold 12px Arial, Helvetica, sans-serif;
text-transform:none;
padding:0px 5px 0px 5px;
color: #ff6600 !important;
}



a.ovalbutton {
background: transparent url('../images/oval-orange-left.png') no-repeat top left;
display: block;
float: right;
font: normal 12px Arial; /* Change 13px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 22px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #ffffff; /*button text color*/
}

a.ovalbutton span {
background: transparent url('../images/oval-orange-right.png') no-repeat top right;
display: block;
padding: 2px 11px 2px 0; /*Set 11px below to match value of 'padding-left' value above*/

}

a.ovalbutton:hover { /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span { /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
text-decoration:none;
}


.logo-page {
	position:absolute;
	float:left;
	width:126px;
	height:126px;
	top:10px;
	left:0px;
	margin:0px 0px 0 0;	
	}
		
.name_page {
	position:absolute;
	float:left;
	width:480px;
	height:80px;
	top:40px;
	left:140px;
	margin:0px 0px 0 0;		
	}
.search-page {
	position:absolute;
	display:block;	
	float:right;
	right:30px;
	top:75px;	
	background:url(../images/search_page.png) no-repeat;
	width:250px;
	height:36px;
	text-align:right;	
	}		
	
.search-page .search-keyword {
	float:left;
	z-index:2;
	/*background:#ffffff;	*/
	width:176px;
	color:#858585;
	height:20px;
	padding:0 0px;	
	margin:10px 0px 0px 2px;
	border:0px solid #ffffff;
	font:normal 11px Arial, Helvetica, sans-serif;	
	}
		
.search-page .btn-search {	
	background:url(../images/btn_search.png) no-repeat;
	width:72px;
	margin:0px 0px 0px 0px;
	text-align:center;
	padding:0px 30px 0px 0px;
	height:36px;
	border:0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;		
	}	
/* NaviBar Menu */
.menu-page {		
	width:980px;			
	height:36px;
	margin:0 auto;		
}

.bg_menuleft {
	float:left;	
	background:url(../images/bgmenu_left.png) top left no-repeat;
	width:12px;	
	height:36px;
	margin-left:0px	
}

.bg_menuright {
	float:left;	
	background:url(../images/bgmenu_right.png) top left no-repeat;
	width:12px;	
	height:36px;
	margin-right:0px;	
}

.naviga_menu {
	background:url(../images/bgmenupages.png) repeat-x;
	float: left;
	width:956px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #000000;	
}

.nev-wrapper {
	clear: both;
	float: left;
}

.naviga_menu ul {	
	height: 36px;
	float: left;
	margin: 0;
	padding-top:0px;
	list-style: none;	
	font:bold 12px Arial, Helvetica, sans-serif;
}

.naviga_menu li {
	float: left;
	padding: 0 3px;
	background: url(../images/split.png) no-repeat right center;
	position: relative;
	z-index: 1;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
}

.naviga_menu li.last {
	background:none;
}
.naviga_menu li:hover {
	z-index:2;
	color:#ff0000;
}
.naviga_menu li a {
	display: block;
	line-height: 31px;
	overflow: hidden;
	float: left;
	color:#000000;
	text-decoration:none;
	text-align:left;
}
a .menu-left {
	background: url(../images/menu_left.png) no-repeat left top;
	width: 10px;
	height: 36px;
	/*line-height: 28px;*//*line-height: 28px;*/
	display: block;
	float: left;
}
a .menu-mid  {
	background: url(../images/menu_mid.png) repeat-x top left;
	height: 36px;
	line-height: 34px;/*line-height: 23px;*/
	display: block;
	float: left;
	cursor: hand;cursor:pointer;
}                                                 

a .menu-right {
	background: url(../images/menu_right.png) no-repeat top left;
	width: 10px;
	height: 36px;
	/*line-height: 32px;*//*line-height: 28px;*/
	display: block;
	float: left;
	z-index:999 !important;	
}
.naviga_menu li a:hover .menu-left,
.naviga_menu li.active a .menu-left,
.naviga_menu li:hover a .menu-left,
.naviga_menu li a:hover .menu-mid,
.naviga_menu li.active a .menu-mid,
.naviga_menu li:hover a .menu-mid,
.naviga_menu li a:hover .menu-right,
.naviga_menu li.active a .menu-right,
.naviga_menu li:hover a .menu-right {
	background-position: 0 -36px;
	line-height: 34px;/*line-height: 28px;*/
	z-index:999 !important;
}
.naviga_menu li a:hover,
.naviga_menu li.active a,
.naviga_menu li.hover a,
.naviga_menu li:hover a {
	color: #046dc1;  /* color active */
	z-index:999 !important;
}
.naviga_menu li:hover .sub,
.naviga_menu li.hover .sub {
	display:block;
	z-index:999 !important;
}

.naviga_menu li .sub {
	display: none;
	position: absolute;
	top: 36px;/*top: 32px;*/
	left: 2px;
	background: url(../images/submenu_top.png) no-repeat;
	width: 230px;
	padding-top: 9px;
	color:#292929;
	font:bold 12px Arial, Helvetica, sans-serif;
	z-index:999 !important;
	text-transform:none;
}
.naviga_menu li ul {
	background: url(../images/submenu_bg.png) repeat-y;
	width: 230px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;	
	color:#404040;
	font:normal 12px Arial, Helvetica, sans-serif;
	z-index:999 !important;
}

.naviga_menu li:hover li,
.naviga_menu li.active li {
	/*width: 100%;*/
	width:206px;
	padding: 1px 0 2px;
	border-bottom: 1px #ffb037 solid;
	
	background: none !important;
	z-index:999 !important;
}
.naviga_menu li:hover li a,
.naviga_menu li.active li a {
	/* mau sub menu */
	color: #202020;	
	background: none !important;
	line-height: normal;
	width: 206px;
	padding: 6px 0px 3px;
	text-indent: 1px;
	font:normal 12px Arial, Helvetica, sans-serif;
	z-index:999 !important;
	text-transform:none;
}
.naviga_menu li:hover li a:hover,
.naviga_menu li.active li a:hover {
	color: #ffffff;/* mau over sub menu */
	/*background: #fff4b9 !important;*/
	text-decoration: none;
	line-height: normal;
}

/*IE*/
.naviga_menu li li a:hover,
.naviga_menu li li a:hover {
	color: #292929;/* mau over sub menu */
	/*background: #fff4b9 !important;*/
	text-decoration: none;
	line-height: normal;
}
/**/
.naviga_menu .btm-bg {
	background: url(../images/submenu_bottom.png) no-repeat;
	width: 230px;
	height: 9px;
	overflow: hidden;
	clear: both;
}	

/* end navi menu */	
.width-slide-page {		
	width:980px;	
	margin:0 auto;	
	height:250px;
	padding:0px 0px 0px 0px;
}
.slide-page {
	float:left;		
	width:731px;	
	margin:10px 16px 10px 0px;	
	height:250px;
	padding:0px 0px 0px 0px;
}	
.E010-Black {
	background: url("../images/banner_shadow.png") no-repeat 50% 100%; margin: 0px auto; overflow: hidden; padding-bottom:0px;
}
.E010-Black .nivoSlider {
	background: url("../images/loading.gif") no-repeat 50% 50%; position: relative;
}
.E010-Black .nivoSlider img {
	left: 0px; top: 0px; display: none;
	/* position: absolute;*/
}
.E010-Black .nivoSlider a.nivo-imageLink {
	margin: 0px; padding: 0px; border: 0px currentColor; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 0;/*6*/
}
.E010-Black .nivo-slice {
	height: 100%; display: block;
	 position: absolute;
	  z-index: 0;/*5*/
}
.E010-Black .nivo-box {
	display: block; 
	position: absolute; 
	z-index: 0;/*5*/
}
.E010-Black .nivo-caption {
	 left: 0px; width: 100%; bottom: 0px; color: rgb(255, 255, 255); position: absolute; z-index: 8; opacity:0;
}
.E010-Black .nivo-caption p {
	margin: 0px; padding: 0px;
}
.E010-Black .nivo-caption a {
	display: inline !important;
}
.E010-Black .nivo-html-caption {
	display: none;
}
.E010-Black .nivo-directionNav a {
	top: 35%; position: absolute; z-index: 9; cursor: pointer;
}
.E010-Black .nivo-prevNav {
	left: 0px;
}
.E010-Black .nivo-nextNav {
	right: 0px;
}
.E010-Black .nivo-controlNav {
	
}
.E010-Black .nivo-controlNav a {
	position: relative; z-index: 9; cursor: pointer;
}
.E010-Black .nivo-controlNav a.active {
	font-weight: normal;
}
.E010-Black .nivo-controlNav {
	left:15px; width: 100%; text-align: left; bottom: 5px; position: absolute;
}
.E010-Black .nivo-controlNav a {
	background: url("../images/bullets.png") no-repeat; border: 0px currentColor; width: 10px; height: 10px; text-indent: -9999px; overflow: hidden; margin-right: 5px; display: inline-block;
}
* + html .E010-Black .nivo-controlNav a {
	display: inline;
}
* html .E010-Black .nivo-controlNav a {
	display: inline;
}
.E010-Black .nivo-controlNav a.active {
	background-position: 0px -10px;
}
.E010-Black .nivo-directionNav a {
	background: url("../images/arrows.png") no-repeat; border: 0px currentColor; width: 50px; height: 50px; text-indent: -9999px; display: block;
}
.E010-Black a.nivo-nextNav {
	background-position: 0px -50px; right: 15px;
}
.E010-Black a.nivo-prevNav {
	left: 15px;
}
.E010-Black a.nivo-prevNav:hover {
	background-position: -50px 0px;
}
.E010-Black a.nivo-nextNav:hover {
	background-position: -50px -50px;
}
.E010-Black .nivo-caption {
	font-family: Helvetica, Arial, sans-serif; text-shadow: none;
}
.E010-Black .nivo-caption a {
	color: rgb(239, 233, 209); text-decoration: underline;
}
.E010-Black .clear {
	clear: both;
}

.event-page {
	float:left;		
	width:233px;	
	margin:10px 0px 0px 0px;	
	height:250px;
	padding:0px 0px 0px 0px;
	background:url(../images/bgevent.png) no-repeat top left;	
}	
.row-titleevent {
		width:100%;		 
        padding:0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        border-bottom:1px solid #ffb72e;
        min-height:25px;	
		position:relative;
}
.text-titleevent {		
	font:bold 16px Arial,Helvetica, sans-serif;
	color:#ffffff;
	padding:3px 0px 0px 10px;		
	text-align:left;
	vertical-align:middle;
	text-transform:uppercase;	
	margin:0px 0px 0px 0px;
	}	
		
.text-titleevent a{
	color:#ffffff;
	text-decoration:none;
}
.text-titleevent a:hover{
	color:#ffffff;
	text-decoration:none;
}

.text-titleevent img{
	padding:0px 5px 5px 0px
}
.box-newsevent {
	float:left;
	width:213px;	
	margin:0px 10px 0px 10px;
	text-align:left;	
}
.title-newsevent {
	float:left;		
	font:bold 12px Arial,Helvetica, sans-serif;
	color:#4E2B0F;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;		
	text-align:justify;
	vertical-align:middle
	}
		
.title-newsevent a {
	color:#4E2B0F ;
	text-decoration:none;
	text-align:justify;
	}
		
.title-newsevent  a:hover{
	color:#e5572f ;
	text-decoration:none;
	}
.title-newsevent img.thumb76x76 {		
	float:left;
	text-align:left;
	width:76px;
	height:76px;	
	padding:0px 5px 5px 0px;	
	}
.more-newsevent {	
	float:right;
	font:bold 11px Arial,Helvetica, sans-serif;
	color:#ffffff  ;
	text-transform:none;	
	text-align:left;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	text-decoration:none;
	cursor:pointer;
	}
.more-newsevent a {
	color:#ffffff  ;
	text-decoration:none;
	}	
.more-newsevent  a:hover{
	color:#E5572F;
	text-decoration:none;
	}
.more-newsevent img{
	padding:0px 0px 0px 3px;
	}		
	
/* scroll new */
#newsticker-demo { 
clear:both;
width:213px;
font-family:Arial,Sans-Serif;
font-size:12px;
margin:10px 0px 0px 0px;
}

#newsticker-demo a { text-decoration:none;
color:#2e190b }
#newsticker-demo a:hover { text-decoration:none;
color:#ffffff }
#newsticker-demo img { padding:5px 0px 0px 0px; }

.newsticker-jcarousellite { width:213px; }
.newsticker-jcarousellite ul li{ list-style:none; 
 display:block;
 padding-bottom:1px; 
 margin-bottom:5px;
 text-align:left;
  }
  
.newsticker-jcarousellite .thumbnail {
	 float:left; width:16px;
	  }
.newsticker-jcarousellite .info {
	font:normal 12px Arial,Helvetica, sans-serif;
	color:#2e190b;
	float:right; 
	width:197px;
	 }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#2e190b; }	
  
/* end scroll news */
	
.column-left {
	float:left;	
	width:731px;
	margin:0px 16px 0px 0px;	
}
.porlet-main {
	position:relative;
	float:left;	
	margin:10px 0px 0px 0px;
	width:731px;	
	}
	
.row-titlemain {
		width:100%;		 
        padding:0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        border-bottom:1px solid #ffb72e;
        min-height:25px;	
		position:relative;
}
.text-titlemain {		
	font:bold 16px Arial,Helvetica, sans-serif;
	color:#333333;
	padding:3px 0px 0px 0px;		
	text-align:left;
	vertical-align:middle;
	text-transform:uppercase;	
	margin:0px 0px 0px 0px;
	}	
		
.text-titlemain a{
	color:#333333;
	text-decoration:none;
}
.text-titlemain a:hover{
	color:#ff6600;
	text-decoration:none;
}

.text-titlemain img{
	padding:0px 5px 5px 0px
}	
.icon-title {
		width:24px;
		height:24px	;	 
        padding:0px 0px 5px 0px;
        margin: 0px 0px 0px 0px;        
        left:0px;
		bottom:0px;
		position:absolute;		
}
.text-content { 
	float:left;
	font:normal 12px Arial,Tahoma,Arial ;
	color:#333333;
	text-align:justify;
	vertical-align:middle; 
	line-height:18px;
	padding:10px 0px 0px 0px;	
}
.text-content span { 
	font:bold 12px Arial,Tahoma,Arial ;
	color:#fe5003;	
}
.img-intro{
	float:left;
	width:258px;
	height:166px;
	}
.list-content  {
	width: 457px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 16px;
	}
	
.list-content ul {		
	list-style-type: none; 	
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}

.list-content li {	
	list-style-image:none;
	background-image:url(../images/icon_list.png);
	background-repeat: no-repeat;
	vertical-align:middle;
	background-position: 3px 8px;
	padding: 5px 5px 3px 18px;
	text-indent:0px;
	margin: 0 0 0px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #444444;
	text-align:left;
	
}

.list-content li a{	
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #444444;
	}

.list-content li a:hover{
	text-decoration: underline;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#ff0000;
	}
	
.list-views  {
	float:left;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	}
	
.list-views ul {		
	list-style-type: none; 	
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}

.list-views li {	
	list-style-image:none;
	background-image:url(../images/icon_list.png);
	background-repeat: no-repeat;
	vertical-align:middle;
	background-position: 3px 8px;
	padding: 5px 5px 3px 18px;
	text-indent:0px;
	margin: 0 0 0px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #444444;
	text-align:left;
	
}

.list-views li a{	
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #444444; 
    padding:0px 3px 0px 0px;
	}

.list-views li a:hover{
	text-decoration: underline;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#ff0000;
	}	
.list-views span{
	font:normal 11px Arial,Tahoma, Helvetica, sans-serif;
	color: #606060;
	}
	
.more-articles {	
	float:right;
	font:bold 11px Arial,Helvetica, sans-serif;
	color:#FF6600   ;
	text-transform:none;	
	text-align:left;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	text-decoration:none;
	cursor:pointer;
	}
.more-articles a {
	color:#FF6600   ;
	text-decoration:none;
	}	
.more-articles  a:hover{
	color:#FF6600 ;
	text-decoration:none;
	}
.more-articles img{
	padding:0px 0px 0px 3px;
	}	
.box-main {	
	width:233px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
}	
.box-space {	
	width:16px;
	min-height:60px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.box-content {
	float:left;
	width:233px;
	min-height:307px;
	margin:10px 0px 0px 0px;
	text-align:left;	
}
.row-service {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	text-align:left;
	min-height:65px;	
	/*border-bottom:1px dashed #c7c4b1;	*/
}
.title-service {
	float:left;		
	font:bold 12px Arial,Helvetica, sans-serif;
	color:#046bc0;
	padding:0px 10px 0px 10px;		
	text-align:justify;
	vertical-align:middle
	}
		
.title-service a {
	color:#046bc0 ;
	text-decoration:none;
	text-align:justify;
	}
		
.title-service  a:hover{
	color:#FF6600  ;
	text-decoration:none;
	}	

.thumb65x65{		
	float:left;
	text-align:left;
	width:65px;
	height:65px;	
	padding:0px 10px 10px 0px;	
	}

.title-service img{		
	float:left;
	text-align:left;
	padding:0px 10px 10px 0px;	
	}	
.box-video {
	float:left;	
	width:233px;
	height:183px;	
	background:#481800;
	position:relative;
}
.play-video{		
	width:233px;
	height:183px;	
	position:absolute;	
	top:0;
	left:0;
}
	
.title-video {
	clear:both;	
	font:bold 12px Arial,Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-transform:none;
	padding:10px 0px 5px 0px;	
	text-align:left;
	vertical-align:middle;	
	}
	
.title-video a {
	color:#000000;
	text-decoration:none
	}
	
.title-video  a:hover{
	color:#ff6600;
	text-decoration:none;
	}	
		
.title-video span {
	font:normal 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#757575;	
	padding:0px 0px 0px 3px;
	}	
.link-subavideo {	
	float:left;
	width:100%;
	padding: 0 0 0 0px;
	margin:0px 0px 0px 0px;
	}	
.link-subavideo ul {	
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #d6d6d6;
	list-style-type: none;
	padding: 0 0 0 0px;
	margin:0px 0px 0px 0px;
	}
.link-subavideo li {
	clear:both;	
	list-style-image:none;
	background-image:url(../images/icon_subvideo.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	padding: 3px 5px 3px 15px;
	vertical-align:middle;	
	text-indent:0px;
	margin: 0 0 0px 0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #046BC0;
	text-align:left;
}
.link-subavideo li a {
	width:auto;
	text-decoration:none;	
	color:#046BC0;
	}
	
.link-subavideo li a:hover {		
	color:#ff6600;
	text-decoration:none;	
	}
.link-subavideo li span {
	width:auto;
	text-decoration:none;	
	color:#d6d6d6;
	}	
.thumb-gallery {
	float:left;
    width: 109px;
	height: 84px;
	text-align:center;	
	margin:0px 0px 15px 0px;
}	
.box-space-15 {	
	width:15px;
	min-height:84px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}	
			
.column-right {
	float:left;	
	width:233px;
	margin:0px 0px 0px 0px;	
}
.porlet-right {
	position:relative;
	float:left;	
	margin:0px 0px 0px 0px;
	width:233px;	
	}
.box-linkright {
	float:left;
	width:233px;
	min-height:86px;
	margin:10px 0px 0px 0px;
	text-align:left;	
}
 	
 	.box-linkright img {
	float:left;
	width:233px;
	margin:10px 0px 0px 0px;
	text-align:left;	
}
 	
.box-right {	
	width:233px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}
	
.bgtitle-equipment{
	float:left;
	background:url(../images/bgtitle_equipment.png) top left no-repeat;	
	width:233px;
	min-height:32px;	
	}
.texttitle-equipment {
	float:left;
	text-align:left;
	font:bold 12px Arial,Helvetica, sans-serif;
	color:#ffffff;
	padding:6px 10px 6px 10px;	
	text-transform:uppercase;
	line-height:16px;
	}
.texttitle-equipment a {
	color:#ffffff;
	text-decoration:none
	}	
.texttitle-equipment a:hover{
	color:#622602;
	text-decoration:none;
	}	
.slide-right {
	float:left;		
	width:233px;	
	margin:0px 0px 0px 0px;	
	height:233px;
	padding:0px 0px 0px 0px;
}	

.box-rightcontent {
	float:left;
	width:233px;	
	margin:0px 0px 0px 0px;
	text-align:left;	
}	
	
.row-titleright{
		width:100%;		 
        padding:0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        border-bottom:1px solid #ffb72e;
        min-height:25px;	
		position:relative;
}	

.text-titleright {		
	font:bold 16px Arial,Helvetica, sans-serif;
	color:#202020;
	padding:3px 0px 0px 0px;		
	text-align:left;
	vertical-align:middle;
	text-transform:uppercase;	
	margin:0px 0px 0px 0px;
	}		
.text-titleright a{
	color:#010101;
	text-decoration:none;
}
.text-titleright a:hover{
	color:#fe5003;
	text-decoration:none;
}
.text-titleright img{
	padding:0px 5px 5px 0px
}	
	
.text-statistics {		
	font:bold 12px Arial,Helvetica, sans-serif;
	color:#202020;
	padding:10px 0px 0px 0px;		
	text-align:left;	
	margin:0px 0px 0px 0px;
	}	
.text-statistics a {		
	font:bold 12px Arial,Helvetica, sans-serif;
	color:#202020;
	padding:10px 0px 0px 0px;		
	text-align:left;	
	margin:0px 0px 0px 0px;
	text-decoration:none;
	padding-left:10px;
	}		
.text-statistics span{		
	font:bold 16px Arial,Helvetica, sans-serif;
	color:#ff8000;
	
	}	
.texttitle-views {
	text-align:left;
	font:bold 18px Arial,Helvetica, sans-serif;
	color:#0069cd;
	padding:10px 0px 10px 0px;	
	vertical-align:middle;
	text-transform:none;
	}
.text-contact {	
	clear:both;
	font:bold 16px Arial,Helvetica, sans-serif;
	color:#ff6600;
	text-transform:none;	
	text-align:left;
	padding:10px 0px 10px 0px;
	line-height:17px;	
	}		
.text-address {	
	font:normal 12px Arial,Helvetica, sans-serif;
	color:#202020;
	text-transform:none;	
	text-align:left;
	padding:10px 0px 10px 0px;
	line-height:17px;	
	}
.text-address span{	
	font:bold 16px Arial,Helvetica, sans-serif;
	color:#0271be;	
	}	
	
/*add new */	
/* Slide right */
ul.slideshow {
											list-style:none;
											width:233px;
											height:233px;
											overflow:hidden;
											position:relative;
											margin:0;
											padding:0;
											
}	
										
ul.slideshow li {
											position:absolute;
											left:0;
											right:0;
										}
										
ul.slideshow li.show {
											z-index:500;	
										}
										
ul img {
											border:none;	
										}
										
										
#slideshow-caption {
											width:233px;
											min-height:70px;
											position:absolute;
											bottom:0;
											left:0;	
											color:#fff;
											background:#000;
											z-index:500;
										}
										
#slideshow-caption .slideshow-caption-container {
											padding:5px 10px;		
											z-index:1000;
										}
										
#slideshow-caption h3 {
											margin:0;
											padding:0;	
											font-size:14px;
										}
										
#slideshow-caption p {
											margin:5px 0 5px 0;
											padding:0;
										}
/* end slide right */	
.path_page {
	float:left;
	width:980px;	
	margin:0 auto;		
	}
.links_navigator {	
	float:left;	
	font:normal 12px Arial,Helvetica, sans-serif;
	color:#656565;	
	padding:0px 0px 5px 0px;	
	}
.links_navigator a {
	color:#656565;
	text-decoration:none
	}	
.links_navigator  a:hover{
	color:#ff6600;
	text-decoration:none;
	}
.links_navigator span{	
	font:bold 12px Tahoma,Verdana,Arial,Helvetica, sans-serif;
	color:#202020;	
	padding:0px 5px 0px 0px;	
	}
.links_navigator img{
	padding:0px 3px 0px 3px;	
	}
.links_active{	
	font:normal 12px Tahoma,Verdana,Arial,Helvetica, sans-serif !important;
	color:#ff6600  !important;	
	padding:0px 5px 0px 0px;	
	}
.text-author {	
	font:bold 16px Arial,Tahoma,Arial ;
	color:#333333;
	text-align:right;
	vertical-align:middle; 
	line-height:18px;
	padding:5px 0px 10px 0px;	
}
.text-author span { 
	font:bold 16px Arial,Tahoma,Arial ;
	color:#fe5003;
	text-transform:uppercase;	
}
.text-views {
	text-align:left;
	font:bold 14px Arial,Helvetica, sans-serif;
	color:#0068c4;
	padding:15px 0px 5px 0px;	
	vertical-align:middle;
	text-transform:none;
	}
table.tablegrid {
	float:left;
	width:100%;
	/*border:1px solid #e2edf9;*/
    border-collapse:collapse;
	/* position: relative;*/
	margin:10px 0px 0px 0px;
	background:#ffffff;
	 }
	 
table.tablegrid tr td {
	 padding:5px 5px 5px 5px;
	 font:normal 12px Arial,Helvetica, sans-serif;	 
	 color: #202020;	 
	 border:1px solid #e4e4e4 !important; 
}
table.tablegrid tr.row_head td { 
	 background:#0070c8;	
	 color:#ffffff;
	 font:bold 12px Arial,Helvetica, sans-serif;
	 text-decoration:none;
	 padding:7px 5px 7px 5px ;
	 border-bottom:1px solid #e4e4e4 !important;	 
}
table.tablegrid tr td.tipgrid {	  
	  color:#007dcf;
	  font:bold 12px Arial,Helvetica, sans-serif !important;	 
	  padding:5px 5px 5px 5px;
	  }
table.tablegrid tr td.headgrid {	  
	  color:#202020;
	  font:bold 12px Arial,Helvetica, sans-serif;	 
	  padding:5px 5px 5px 5px;
	  text-align:left
	  }
	  
.list-views_sub  {
	clear:both;	
	padding: 0px 0px 0px 0px;
	margin:10px 0px 10px 0px;	
	width:100%;
	}
	
.list-views_sub ul {		
	list-style-type: none; 	
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;}

.list-views_sub li {	
	list-style-image:none;
	background-image:url(../images/icon_list_view.png);
	background-repeat: no-repeat;
	vertical-align:middle;
	background-position: 3px 8px;
	padding: 5px 5px 3px 18px;
	text-indent:0px;
	margin: 0 0 0px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #444444;
	text-align:left;
	line-height:17px;
	
}

.list-views_sub li a{	
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #444444;
	}

.list-views_sub li a:hover{
	text-decoration: underline;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#ff0000;
	}

.text-newsletter { 
	float:left;	
	margin:10px 0px 10px 0px;
	padding:0px 20px 0px 20px;
	position:relative;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;	
	line-height:17px;
}
.text-newsletter span { 
	font:bold 12px Arial,Tahoma,Arial ;
	color:#fe5003;	
}
.bg_dottop {
	background: url(../images/bg_dottop.png) no-repeat left top; 
	width:16px; 
	height:16px; 
	position: absolute;
	left:0px;
	top:0px;	 
}
.bg_dotbottom {
	background: url(../images/bg_dotbottom.png) no-repeat left top; 
	width:16px; 
	height:16px; 
	position: absolute;
	right:0px;
	bottom:0px;	 
}





















	
	
	
	
	
	
	
	

	
/* =================MAIN PAGE END =================================*/



/* =================FOOTER PAGE =================================*/
.width_footerpage{	
	width: 980px;	
	margin:0px auto;	
	align:center;		
	/*background:url(../images/bgmid_footer.png) top left no-repeat;	*/
}
.text_footer {	
	font:normal 11px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#b3b3b3;
	text-transform:none;	
	text-align:right;
	padding:10px 10px 10px 10px;
	line-height:17px;
	}
.text_footer span{	
	font:bold 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#b3b3b3;	
}
.text_company{	
	font:bold 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#ffffff !important;	
}

/* =================FOOTER PAGE END =================================*/

/* =================BOTTOM PAGE =================================*/
.width_bottompage {	
	width: 980px;	
	margin:0px auto;	
	text-align:center;		
	/*background:url(../images/bgmid_footer.png) top left no-repeat;	*/
}
.text_bottompage {	
	font:normal 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#858585;
	text-transform:none;	
	text-align:right;
	padding:10px 10px 10px 10px;	
	}
.text_bottompage span{	
	font:normal 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#0387d8;	
}

/* =================BOTTOM PAGE END =================================*/
.FooterSEOOutSide{width:980px;float:left;}
.FooterSEO a h3, .FooterSEO a h1 {
font: 12px/1.35 Arial,Helvetica,sans-serif;
float: left;
padding: 5px;
}

.UpdateProgressContent{
    text-align: center;
    vertical-align: bottom;
    z-index: 9999;
    position:fixed;
    top:35%;
    left:35%;
    width:350px;
}
    .UpdateProgressBackground
{
	margin:0px;
	padding:0px;
	top:0px; bottom:0px; left:0px; right:0px;
	position:fixed;
	z-index:1000;
	background-color:#cccccc;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.button,.btn_bill, .btn
{
          font:bold 12px Arial,Verdana, Helvetica, sans-serif;	
	 /*background:url(../images/btn_add.png) no-repeat top left;*/
	 cursor:hand; width:auto; 
	 cursor:pointer;	 
	 
	 border:1px solid #0045b1;
	  -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   border-radius: 3px;
	   padding: 5px 10px 5px 10px; 
	   text-decoration:none; 
	   display:inline-block;
	   text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	    color: #FFFFFF;
 background-color: #003fac; background-image: linear-gradient(to bottom, #003fac, #006bce);
 }
 
 .button:hover,.btn_bill:hover, .btn:hover
{
    cursor: pointer;
    border: 1px solid #68e9ff;
    background-color: #9bf1ff;
    background-image: linear-gradient(to bottom, #9bf1ff, #4fd4f5);
    }
 .space10{float:left; width:10px;}
 
 




/*login*/
.fRegister_head_link{
	border-bottom: 1px solid #ffb72e;
	height:auto;	
	padding-bottom:10px;
	padding-top:5px;
	color:#000 ;
	margin:0px 0px 15px 5px;
}

.flogin_head_link .flabel_login{
	font: bold 20px/26px Arial, Helvetica, sans-serif;
	color:#000000 ;
	float:left;
	margin-right:6px;
	text-decoration:none;

}

.fRegister_head_link span{
	font: bold 20px/26px Arial, Helvetica, sans-serif;
	color:#000000;		
	text-decoration:none;
	
	
}

.fRegister_head_link a{
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#FDB435;
	margin-right:6px;
	line-height:30px;
	text-decoration:none;
    cursor:pointer;	
}
.flRegister_head_link a:hover
{
    text-decoration:underline
}

.text_form_login{ height:30px; font: normal 12px Arial, Helvetica, sans-serif; padding:0px 15px 0px 0px; text-align:right;}

.label{  font: normal 12px Arial, Helvetica, sans-serif; padding:0px 15px 0px 0px; text-align:right;}

.divline_form {

margin: 3px 0px 3px 10px;
font: bold 14px Arial,Helvetica, sans-serif;
color: #3e3e3e;
text-align: left;
}
.note_form {
font: normal 12px Arial,Helvetica, sans-serif;
color: #3e3e3e;
text-align: justify;
text-transform: none;
margin: 3px 0px 3px 10px;
text-align: left;
vertical-align: middle;
}

.title_news_views {
	font:bold 18px Arial,Helvetica, sans-serif;
	color:#0094ff;
	text-align:justify;
	text-transform:none;
	padding:5px 5px 0px 0px;	
	text-align:left;
	vertical-align:middle
	}	
.title_news_views span{
	font:normal 11px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#a4a4a4;	
	}			
.desc_news_views {
	font:bold 12px Arial,Tahoma;
	color:#606060;
	text-transform:none;
	padding:5px 5px 5px 0px; 
	text-align:justify;
	vertical-align:middle
	}
	
.content_viewnews { 
	font:normal 12px Arial,Tahoma,Arial ;
	color:#606060;
	text-align:justify;
	vertical-align:middle; 
	line-height:18px;
	padding:10px 5px 10px 0px;	
}
.content_viewnews span { 
	font:bold 12px Arial,Tahoma,Arial ;
	color:#eb000f;	
}	
links_views { 
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#0094ff;
	text-align:right;
	padding:5px 0px 5px 0px;
	text-decoration:none;	
	}
.links_views a{
	color:#0094ff;
	text-decoration:none;
}
.links_views a:hover{
	color:#eb000f;
	text-decoration:underline;
}	
.title_news_views {
	font:bold 18px Arial,Helvetica, sans-serif;
	color:#0094ff;
	text-align:justify;
	text-transform:none;
	padding:5px 5px 0px 0px;	
	text-align:left;
	vertical-align:middle
	}	
.title_news_views span{
	font:normal 11px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#a4a4a4;	
	}			
.desc_news_views {
	font:bold 12px Arial,Tahoma;
	color:#606060;
	text-transform:none;
	padding:5px 5px 5px 0px; 
	text-align:justify;
	vertical-align:middle
	}
	
.content_viewnews { 
	font:normal 12px Arial,Tahoma,Arial ;
	color:#606060;
	text-align:justify;
	vertical-align:middle; 
	line-height:18px;
	padding:10px 5px 10px 0px;	
}
.content_viewnews span { 
	font:bold 12px Arial,Tahoma,Arial ;
	color:#eb000f;	
}	
.border_bottom_news {
	width:100%;
	color:#666666;
	text-align:right;
	 border-bottom: 1px solid #c7d8f6;
	 padding:5px 5px 5px 0px;
	 clear:both;	 	
	 font:bold 12px Arial,Helvetica, sans-serif;
	}	
.label_othernews {
	text-align:left;
	font:bold 14px Arial,Helvetica, sans-serif;
	color:#303030;
	padding:8px 0px 8px 0px;	
	vertical-align:middle;
	text-transform:none;
	text-transform:uppercase;	
	}	
.links_othernews ul {
	list-style-type: none; 	
	padding: 0px 0px 0px 5px;
	margin: 0;}

.links_othernews li {	
	list-style-image:none;
	background-image:url(../images/icon_listleft.gif);
	background-repeat: no-repeat;
	vertical-align:middle;
	background-position: 3px 8px;
	padding: 5px 5px 3px 18px;
	text-indent:0px;
	margin: 0 0 0px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #217de4;
}
.links_othernews li a{
	width:auto;
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #217de4;
	}

.links_othernews li a:hover{
	text-decoration: underline;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#ff0000;
	}
.links_othernews span{
	font:normal 11px Arial,Tahoma, Helvetica, sans-serif;
	color: #606060;
	}		
	
.TextBoxInPut,.TextBox {
	background:url(../images/bginputform.gif) bottom repeat-x ;
	width:240px;
	padding:4px 3px 4px 3px;
	/*padding:3px 3px 4px 3px;*/
	background: #ffffff;
    border-top: #b9c0c7 1px solid;
    border-left: #b9c0c7 1px solid;
    border-right: #e3e9ef 1px solid;
    border-bottom: #e3e9ef 1px solid;
    -moz-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
    margin: 2px 0px 2px 0px;
}	
.TextBoxInPut{width:100px;}
.TextArea {
	background:url(../images/bginputform.gif) bottom repeat-x ;
    FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:#ffffff; height:17px;	
    border-top: #b9c0c7 1px solid;
    border-left: #b9c0c7 1px solid;
    border-right: #e3e9ef 1px solid;
    border-bottom: #e3e9ef 1px solid;
    -moz-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
	width: 245px;
	height:120px;
}
.TextBox:hover{
	border: 1px solid #9b9b9b}	
.TextBox:focus {
	border: 1px solid #9b9b9b; background:#fbf8ed}	
.DropDownList {
	width:248px;
	padding:4px 3px 4px 3px;
	background: #ffffff;
    border-top: #b9c0c7 1px solid;
    border-left: #b9c0c7 1px solid;
    border-right: #e3e9ef 1px solid;
    border-bottom: #e3e9ef 1px solid;
    BORDER-COLLAPSE: collapse border=1;
    -moz-box-sizing: border-box;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
    margin: 2px 0px 2px 0px;
	}	

.DivRow {
	width:100%;
	clear:both;
	padding-bottom:5px;
}
.DivLabel {
	color:#000;
	padding-right:3px;
	float:left;
	width:160px;
	padding-left:15px;
	
}    
.DivLabel span{
	color:#000;
    font:normal !important;
}    


.DivTextBox
{
	padding-left:10px;
}

.Error{color:#FF0033;padding-left:15px;padding-bottom:5px;}	

.DivRequired{padding:0px 0px 10px 0px;}	
/* Field requires alert */  
span .fieldRequired {
	color:#DD0000;
}
.fieldRequired {
	background-attachment:scroll;
	background-color:transparent;
	background-image:url("../images/required.gif");
	background-position:center;
	background-repeat:no-repeat;
	color:#DD0000;
	padding-bottom:0px;
	padding-left:8px;
	padding-right:5px;
	padding-top:0px;
}




/* PAGINATION EMpressr TinhNT- them td*/
div.paginationEMP {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 93%;/*12px*/
	text-align:center;	
	background:none;
	margin:5px 0px 5px 0px;
	float:right;
	height:21px;
	padding:6px 0px 0px 0px;
	font-size: 11px; 
	width:100%;
	
	}

.paginationEMP a
{
	text-decoration:none !important;
	}	
	
div.paginationEMP span { 
background: #fff url(../images/page_gradient.jpg) 0 100% repeat-x;
border: 1px solid #b7c9d7; 
color: #a1a1a1; 
text-align:right;
font-weight: bold;
margin: 0px 2px 0 0;
padding: 2px 5px;
}
div.paginationEMP span a{text-decoration: none;color:#255ecc;
}
div.paginationEMP span.current a{text-decoration: none;color:#fff;
}
div.paginationEMP span a:hover { 
color: #df1818; text-decoration: underline; }
div.paginationEMP span.current { 
background: #ef3516 none;
border: 1px solid #ef3516; color: #fff;
}
/* het phan trang luoi */
.row_itemnewsNew {
width: 720px;
margin: 5px;
}
.title_news {
font: bold 13px Arial,Helvetica, sans-serif;
color: #217de4;
text-align: justify;
text-transform: none;
padding: 5px 0px 0px 0px;
text-align: left;
vertical-align: middle;

}
.title_news a {
font: bold 13px Arial,Helvetica, sans-serif;
color: #217de4;
text-align: justify;
text-transform: none;
padding: 5px 0px 0px 0px;
text-align: left;
vertical-align: middle;
text-decoration:none;
}
.title_news a:hover {
font: bold 13px Arial,Helvetica, sans-serif;
color: #217de4;
text-align: justify;
text-transform: none;
padding: 5px 0px 0px 0px;
text-align: left;
vertical-align: middle;
text-decoration:underline;
}
.desc_itemnews img{float:left; margin-right:5px;}
.desc_itemnews {
font: normal 12px Arial,Tahoma;
color: #000000;
text-transform: none;
padding: 0px 10px 0px 0px;
text-align: justify;
vertical-align: middle;
}
.desc_itemnews span {
font: normal 11px Arial,Tahoma;
color: #666666;
}

.row-YKienKhachHang{margin: 10px 0px;height: 100px;border-bottom:0px dotted #ffb72e;}
.MoTaYKienKhachHang{width:138px;height:75px;overflow:hidden;}
.MoTaNguoiDung{text-align:right;font-weight:bold;height:30px;line-height:30px;font-size:9px;}

.scroll-text {
border-bottom: 1px solid #ffb72e;
width: 233px;
height: 120px;
overflow: hidden;
}
